{#include file="top.php"#}

<script type="text/javascript">

    function showtag(i){
        $('[c=1]').attr("class","");
        $('.tag_list').hide();
        $('#tag_list'+i).show();
        $('#a'+i).attr("class","curr");
    }

</script>
<style type="text/css">
    .tag_list{
        display:none;
    }
    #tag_list1{
        display:block;
    }
</style>
<div class="body">
    <div class="main">
        <div class="trial_guide b_box">
            <div class="hd"><h2 class="hd_title">新手教學</h2></div>
            <div class="bd">
                <!--
                    <a href="optimize_url('help', 'show')" class="tg_step tg_step_1"></a>
                    <a href="#" class="tg_step tg_step_2"></a>
                    <a href="#" class="tg_step tg_step_3"></a>
                -->
                <a href="{#optimize_url('help', 'tutorials', 'step=1&page=1')#}" class="tg_step tg_step_1 {#if $step==1#}curr{#/if#}"></a>
                <a href="{#optimize_url('help', 'tutorials', 'step=2&page=1')#}" class="tg_step tg_step_2 {#if $step==2#}curr{#/if#}"></a>
                <a href="{#optimize_url('help', 'tutorials', 'step=3&page=1')#}" class="tg_step tg_step_3 {#if $step==3#}curr{#/if#}"></a>
            </div>
        </div>
        <div class="trial_guide b_box">


        </div>
        <div class="b_box trial_g_box">


            <div class="bd">
                <div class="more_box">
                    <ul class="more_list">
                        <li>
                            <a class="more" href="#">{#$step_page.$step.2#}</a>
                        </li>
                    </ul>
                </div>
                <!-- 更換圖片-->
                <img src="{#$img_src#}" alt="" />
                <div class="pn_page">
                    {#if $page>1#}
                    <a href="{#optimize_url('help', 'tutorials', 'step='|cat:$step|cat:'&page='|cat:($page-1))#}" class="step_prev">
                        <em class="tri"></em>
                        <strong>上一步</strong>
                    </a>
                    {#/if#}
                    {#if $page<$step_page.$step.0#}
                    <a href="{#optimize_url('help', 'tutorials', 'step='|cat:$step|cat:'&page='|cat:($page+1))#}" class="step_next">
                        <em class="tri"></em>
                        <strong>下一步</strong>
                        {#/if#}
                    </a>
                </div>
            </div>
        </div>

    </div>

    <!-- main-->
    <div class="sidebar">

        {#show_block('b2',1,'','sidebar_ad')#}
        {#show_block('b1',2,'','sidebar_function')#}
        {#show_block('b3',0,'','sidebar_search')#}
        {#show_block('b13',0,'','sidebar_registation')#}
        {#show_block('b11',0,'','sidebar_new_try sidebar_new b_box')#}
        {#show_block('b6',0,'','sidebar_facebook')#}
    </div>
    <!-- sidebar -->
    <script>
        {#if $page#}

        showtag({#$page#});
        $('#box{#$page#}_{#$tag#}').slideToggle('fast');
        {#else#}
        $('#box1_1').slideToggle('fast');
        {#/if#}
    </script>
</div><!--body-->
{#include file="footer.php"#}